@charset "UTF-8";
/* CSS reset */
	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,figure,figcaption { 
		margin:0;
		padding:0;
	}
	html,body {
		margin:0;
		padding:0;
		color: #333;
		background: #f5f5f5;
		/* min-width: 1270px; */
		font-family: "pingfanglight";
 	}
	table {
		border-collapse:collapse;
		border-spacing:0;
	}
	fieldset,img { 
		border:0;
	}
	address,caption,cite,code,dfn,th,var {
		font-style:normal;
		font-weight:normal;
	}
	ol,ul,li {
		list-style:none;
		list-style-type:none;
		padding: 0;
		margin: 0;
	}
	caption,th {
		text-align:left;
	}
	q:before,q:after {
		content:'';
	}
	abbr,acronym { border:0;
	}
.clearfix { *zoom: 1; } 
.clearfix:before,.clearfix:after { display: table; line-height: 0; content: ""; } 
.clearfix:after { clear: both; }
a{text-decoration: none;text-transform: uppercase;color: #333}
img{vertical-align: top}
input:focus{outline:none;}
textarea:focus{outline:none;}
/* table{word-wrap: break-word; word-break: break-all} */
	input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #909090;} 
	input:-moz-placeholder, textarea:-moz-placeholder {color: #909090;} 
	input::-moz-placeholder, textarea::-moz-placeholder {color: #909090;} 
	input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #909090;} 
.fl{float: left;}
.fr{float: right;}
.ovhid{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;box-sizing: border-box;}

	@font-face {
		font-family: 'bfangzheng';
		src: url('../font/fangzheng.otf');
	}
	@font-face {
		font-family: 'pingfanglight';
		src: url('../font/pingfanglight.ttf');
	}
	@font-face {
		font-family: 'helvetican';
		src: url('../font/helveticaneueltstd-bd.otf');
	}


/* 右上角电话 */
.top_tell{position: fixed;top: 3%;right: 4%;z-index: 99999;}
	.top_tell .tell_pic{width: 61px;height: 60px;border-radius: 50%;overflow: hidden;position: relative;background: #7746ab;}
	.top_tell .tell_pic img{width: 60px;height:61px;display:block;}
	.top_tell .tell_text{height: 60px;box-sizing: border-box;border-radius: 30px;overflow: hidden;line-height: 58px;transition: all 1s 0s;margin-left: -61px;border:1px solid #b164e4;background: #b164e4;padding:0 17px 0 75px;letter-spacing:0px;font-size: 18px;color: #f5f5f5}
/* 导航 */
	/* 导航左 */
	.mune_left{position: fixed;width: 0%;overflow: hidden;height: 100vh;border-right: 1px solid #e6e6e6;background: #fff;box-sizing: border-box;z-index: 999999;top: 0;left: 0;animation: muneleft 0.8s linear 1.5s;animation: muneleft 0.8s linear 1.5s;-moz-animation: muneleft 0.8s linear 1.5s;-webkit-animation: muneleft 0.8s linear 1.5s;-o-animation: muneleft 0.8s linear 1.5s;animation-fill-mode :forwards;transition: all 0.45s 0.05s}
			@keyframes muneleft
			{
				0%{width: 0%;overflow: hidden;min-width: 0px}
				100%{width: 5.4%;overflow: visible;min-width: 70px}
			}
			@-moz-keyframes muneleft
			{
				0%{width: 0%;overflow: hidden;min-width: 0px}
				100%{width: 5.4%;overflow: visible;min-width: 70px}
			}
			@-webkit-keyframes muneleft
			{
				0%{width: 0%;overflow: hidden;min-width: 0px}
				100%{width: 5.4%;overflow: visible;min-width: 70px}
			}
		.mune_left_con img{width: 100%;height: auto;cursor: pointer}
		.mune_left_con{position: relative;width: 100%;height: 100%;}
		.mune_left_con .mune_left_top{position: absolute;display: block;width: 100%;height: auto;top: 3%;left: 0;}
		.mune_left_con .mune_left_cen{position: absolute;top: 50%;margin-top: -50%;width: 100%;height: auto;left: 0}
		.mune_left_con .mune_left_bottom{position: absolute;bottom: 4%;left: 0;width: 100%;height: auto;}
		.mune_left_con .show_img{position: relative;width: 100%;transition: all 1s;z-index: 99}
		.mune_left_con .show_img .two{opacity: 0;position: absolute;top: 0;left: 0;transition: all 1s}
		.mune_left_con .hide_img{position: absolute;bottom: 0;left: 50%;opacity: 0;z-index: 9;transition: all 1s;width: 50%}
		.mune_left_bottom:hover .show_img{transform: rotate(360deg);}
		.mune_left_bottom:hover .show_img .two{opacity: 1;}
		.mune_left_bottom:hover .hide_img{width: 100px;opacity: 1;left: 120%}
	/* 导航右 */
	.mune_context{position: fixed;width:94.6%;height: 100vh;background:none;/* min-width:1200px; */top: 0;right: 0;box-sizing: border-box;padding: 9% 13%;z-index: -99;opacity: 0;background: #1c1d1e;transition: opacity 0.5s , z-index 0.45s 0.05s}
		.mune_context_di{position: absolute;top: 0;right: 0;width: 100%;height: 100%;z-index:50;transition: all 1s;background:url('../img/di1.jpg') center center no-repeat;background-size: cover;opacity: 0}
		/* .mune_context:hover .mune_context_di{background: transparent;} */
		.mune_context_box{position: relative;z-index: 99;width:100%;height: 100%}
		/* 导航右的左 */
		.left_leftcon{height: 100%;font-size: 45px;color: #f2f2f2;font-weight: 600;line-height: 45px;overflow: hidden;}
		.left_leftcon li{line-height:45px;overflow: hidden;height:45px;transition: all 0.3s;}
		.left_leftcon li a{color: #f2f2f2;display: block}
		.left_leftcon li p{display: inline-block;position: relative;padding: 0 30px 0 30px;transition: all 0.3s;cursor: pointer}
		.left_leftcon li span{display: block;position: absolute;right: 100%;top:0;width: 100%;height: 100%;transition: all 2s;background: url('../img/munehover.png') center 0% no-repeat;background-size:100% auto;overflow: hidden;opacity: 0}
		.right_rightcon{height: 100%;text-align: left;font-size: 30px;color: #e6ebf2;font-weight: 600;box-sizing: border-box;overflow: hidden;position: relative}
		.right_rightcon li{width: 100%;height: 100%;position: absolute;right: 100%;top: 0%;opacity: 0;transition: all 1s 0s;}
		.right_rightcon li p{line-height: 30px;height: 30px;overflow: hidden;}
		.right_rightcon a{display: block;color: #e6ebf2;transition: all 0.5s }
		/* 导航右的右 */
		.right_up  .right_up_left .bt img{display: inline-block;height: 40px;width: auto;}
		.right_text .bt{font-size: 30px;color: #f2f2f2;margin-bottom:15px;}
		.right_text li{font-size: 18px;color: #7a7d81;line-height: 30px;}
		.right_down{width: 100%;margin-top:50px}
			@media screen and (max-width: 1440px){
				.mune_context_left{width: 70%;height: 100%}
				.left_leftcon{width: 54%}
				.right_rightcon{width: 46%}
				.mune_context_right{width: auto}
				.right_up_left{width: 100%;margin-top:00px;float: none}
				.right_up_right{width: 100%;margin-top:50px;float: none}
			}
			@media (min-width: 1440px){
				.left_leftcon{width: 45%}
				.right_rightcon{width: 55%}
				.mune_context_left{width: 60%;height: 100%}
				.mune_context_right{width: 37%}
				.right_up .right_up_left{width:auto;margin-top: 0;float: left;}
				.right_up .right_up_right{width:auto;margin-top: 0;float: right;}
			}
/* 首页 */
.homePage{padding:2.5% 4% 2.5% 9.4%;width: 100vw;height: 100vh;box-sizing: border-box;/* min-width:1270px; */overflow: hidden}
	.homePageBox{width: 100%;height: 100%;position: relative}
	/* 上部分 */
	.homePage .top{width: 100%;position: relative;}
	.homePage .top .one{font-size:28px;color: #f54d40;line-height:40px;height: 40px;box-sizing: border-box;margin:20px 0 5px;position: relative;z-index: 3;padding-top:40px;overflow: hidden;opacity: 0;animation: one 1s linear 0.5s;animation: one 1s linear 0.5s;-moz-animation: one 1s linear 0.5s;-webkit-animation: one 1s linear 0.5s;-o-animation: one 1s linear 0.5s;animation-fill-mode :forwards;}
		@keyframes one
		{
			0%{padding-top:40px;opacity: 0}
			100%{padding-top:0;opacity: 1}
		}
		@-moz-keyframes one
		{
			0%{padding-top:40px;opacity: 0}
			100%{padding-top:0;opacity: 1}
		}

		@-webkit-keyframes one
		{
			0%{padding-top:40px;opacity: 0}
			100%{padding-top:0;opacity: 1}
		}
	.homePage .top .two{margin-bottom: 23px;position: relative;z-index: 3;height: 210px;box-sizing: border-box;padding-top:210px;overflow: hidden;opacity: 0;animation: two 1.5s linear 0s;animation: two 1.5s linear 0s;-moz-animation: two 1.5s linear 0s;-webkit-animation: two 1.5s linear 0s;-o-animation: two 1.5s linear 0s;animation-fill-mode :forwards;}
		@keyframes two
		{
			0%{padding-top:210px;opacity: 0;}
			100%{padding-top:0;opacity: 1;}
		}
		@-moz-keyframes two
		{
			0%{padding-top:210px;opacity: 0;}
			100%{padding-top:0;opacity: 1;}
		}
		@-webkit-keyframes two
		{
			0%{padding-top:210px;opacity: 0;}
			100%{padding-top:0;opacity: 1;}
		}
		.homePage .top .two p{font-size:115px;color: #333333;line-height:105px;font-family: 'bfangzheng';font-weight: 800;letter-spacing:1px;height:105px;box-sizing: border-box;}
	.homePage .top .three{font-size:28px;color: #808080;line-height: 35px;margin-bottom:30px;position: relative;z-index: 3;height: 70px;box-sizing: border-box;padding-top:70px;overflow: hidden;opacity: 0;animation: three 1s linear 0.5s;animation: three 1s linear 0.5s;-moz-animation: three 1s linear 0.5s;-webkit-animation: three 1s linear 0.5s;-o-animation: three 1s linear 0.5s;animation-fill-mode :forwards;}
		@keyframes three
		{
			0%{padding-top:70px;opacity: 0}
			100%{padding-top:0;opacity: 1}
		}
		@-moz-keyframes three
		{
			0%{padding-top:70px;opacity: 0}
			100%{padding-top:0;opacity: 1}
		}

		@-webkit-keyframes three
		{
			0%{padding-top:70px;opacity: 0}
			100%{padding-top:0;opacity: 1}
		}
	/* 上部分的小标 */
	.homePage .top .four{font-size: 18px;color: #f5f5f5;position: relative;z-index: 3;height: 61px;box-sizing: border-box;padding-top:61px;overflow: hidden;opacity: 0;animation: four 0.7s linear 1s;animation: four 0.7s linear 1s;-moz-animation: four 0.7s linear 1s;-webkit-animation: four 0.7s linear 1s;-o-animation: four 0.7s linear 1s;animation-fill-mode :forwards;}
			@keyframes four
			{
				0%{padding-top:70px;opacity: 0}
				100%{padding-top:0;opacity: 1}
			}
			@-moz-keyframes four
			{
				0%{padding-top:70px;opacity: 0}
				100%{padding-top:0;opacity: 1}
			}

			@-webkit-keyframes four
			{
				0%{padding-top:70px;opacity: 0}
				100%{padding-top:0;opacity: 1}
			}
		.homePage .four li{width: auto;margin-right: 50px;height: 61px;cursor: pointer}
			.homePage .four .pic{width: 61px;height: 60px;border-radius: 50%;overflow: hidden;position: relative;transition: all 1s}
			.homePage .four .pic_one{width: 60px;height:61px;display:block;transition: all 1s}
			.homePage .four .pic_two{width: 61px;height: 61px;display:block;position: absolute;top: 0;left: 0;opacity: 0;transition: all 1s}
			.homePage .four .text{height: 60px;box-sizing: border-box;border-radius: 30px;overflow: hidden;line-height: 58px;transition: all 1s 0s;margin-left: -61px;padding:0 30px;letter-spacing:-20px;font-size: 0;}
			.homePage .four .busin_one{border:1px solid #d16060;background: #f05a5a;padding:0 17px 0 75px;letter-spacing:0px;font-size: 18px;transition: all 1s 0.1s}
			.homePage .four .busin_two{border:1px solid #31c5ac;background: #36d0b6;padding:0 17px 0 75px;letter-spacing:0px;font-size: 18px;transition: all 1s 0.1s}
			.homePage .four .busin_three{border:1px solid #1eacc7;background: #29c3dc;padding:0 17px 0 75px;letter-spacing:0px;font-size: 18px;transition: all 1s 0.1s}
	/* sa背景 */
	.background{position: absolute;height: 100%;width:auto;top: 0;right: -25%;z-index: 0;border: none;overflow: hidden;opacity: 0;animation: background 1s linear 1.4s;animation: background 1s linear 1.4s;-moz-animation: background 1s linear 1.4s;-webkit-animation: background 1s linear 1.4s;-o-animation: background 1s linear 1.4s;animation-fill-mode :forwards;}
			@keyframes background
			{
				0%{right:-25%;opacity: 0}
				100%{right:0%;opacity: 1}
			}
			@-moz-keyframes background
			{
				0%{right:-25%;opacity: 0}
				100%{right:0%;opacity: 1}
			}

			@-webkit-keyframes background
			{
				0%{right:-25%;opacity: 0}
				100%{right:0%;opacity: 1}
			}
		.background img{width: auto;height: 100%;background: url('../img/di.jpg') left center no-repeat;background-size:auto 100%;display: block;overflow: hidden;animation: backgroundimg 5s linear 2.4s;animation: backgroundimg 5s linear 2.4s;-moz-animation: backgroundimg 5s linear 2.4s;-webkit-animation: backgroundimg 5s linear 2.4s;-o-animation: backgroundimg 5s linear 2.4s;animation-fill-mode :forwards;}
				@keyframes backgroundimg
				{
					0%{background: url('../img/di.jpg') left center no-repeat;background-size:auto 100%;}
					100%{background: url('../img/di.jpg') right center no-repeat;background-size:auto 100%;}
				}
				@-moz-keyframes backgroundimg
				{
					0%{background: url('../img/di.jpg') left center no-repeat;background-size:auto 100%;}
					100%{background: url('../img/di.jpg') right center no-repeat;background-size:auto 100%;}
				}

				@-webkit-keyframes backgroundimg
				{
					0%{background: url('../img/di.jpg') left center no-repeat;background-size:auto 100%;}
					100%{background: url('../img/di.jpg') right center no-repeat;background-size:auto 100%;}
				}
	/* 下部分 */
	.bottom{width: 100%;position: absolute;bottom:-30%;left: 0;opacity: 0;animation: bottom 1s linear 1.5s;animation: bottom 1s linear 1.5s;-moz-animation: bottom 1s linear 1.5s;-webkit-animation: bottom 1s linear 1.5s;-o-animation: bottom 1s linear 1.5s;animation-fill-mode :forwards;}
			@keyframes bottom
			{
				0%{bottom:-30%;opacity: 0}
				100%{bottom:0%;opacity: 1}
			}
			@-moz-keyframes bottom
			{
				0%{bottom:-30%;opacity: 0}
				100%{bottom:0%;opacity: 1}
			}

			@-webkit-keyframes bottom
			{
				0%{bottom:-30%;opacity: 0}
				100%{bottom:0%;opacity: 1}
			}
		.bottom .bottom_bt{font-size: 20px;color: #595959;line-height: 40px;margin-bottom: 5px;}
		.bottom li{width: 25%;box-sizing: border-box;border: 1px solid transparent;}
		.bottom li a{display: block;width: 100%;height: auto;position: relative;overflow:hidden;transition: all 1s;box-shadow: 0px 0px 2px #e5d8d8;}
		.bottom li .pic{width: 100%;}
		.bottom li .pic img{width: 100%;}
		.bottom li .text{position: absolute;top: 0;left:0%;width: 100%;height: 200%;transition: all 1s;color: #ffffff;}
		.bottom li .text table{width: 100%;height:50%;vertical-align: middle;text-align:center;}
		.bottom li .text .one{font-size: 0px;color: #f2f2f2;position: absolute;top: 12px;left:15px}
		.bottom li .text .two{font-size: 26px;font-family: 'helvetican';text-transform:capitalize;text-align: center}
		.bottom li .text .three{font-size: 20px;text-align: center}
		.bottom li .text .one span{font-size: 12px;display: inline-block;border: 1px solid #f2f2f2;height:25px;line-height: 23px;padding: 0 10px;border-radius: 12px}
		.bottom li:first-child .text{background-image:linear-gradient(-160deg, transparent 5%,rgba(255, 162, 0, 0.8) 35%)}
		.bottom li:nth-child(2) .text{background-image:linear-gradient(-160deg, transparent 5%,rgba(0, 180, 255, 0.8) 35%)}
		.bottom li:nth-child(3) .text{background-image:linear-gradient(-160deg, transparent 5%,rgba(30, 232, 173, 0.8) 35%)}
		.bottom li:nth-child(4) .text{background-image:linear-gradient(-160deg, transparent 5%,rgba(108, 104, 199, 0.8) 35%)}
		.bottom li .more{position: absolute;display: flex;font-size: 0;flex-direction: column;overflow: hidden;justify-content: center;box-sizing: border-box;transition: all 1s;top: 0;left: 0;width: 100%;height: 100%;text-align: center}
		.bottom li .more img{width:0%;margin:0 auto;transition: all 1s}
		.bottom li:hover .more img{width:13%;margin:0 auto;}
		.bottom li:hover a{transform: scale(0.9)}
/* 公共样式 */
.contentBox{padding:3% 4% 2% 9.4%;width: 100vw;height: 100vh;box-sizing: border-box;/* min-width:1270px; */overflow: hidden;position: relative}
	.sameTop .one{font-size:25px;color: #f54d40;line-height:35px;height: 35px;box-sizing: border-box;margin: 20px 0 5px;position: relative;z-index: 3;padding-top:35px;overflow: hidden;opacity: 0;animation: sameone 1s linear 0.5s;animation: sameone 1s linear 0.5s;-moz-animation: sameone 1s linear 0.5s;-webkit-animation: sameone 1s linear 0.5s;-o-animation: sameone 1s linear 0.5s;animation-fill-mode :forwards;}
		@keyframes sameone
		{
			0%{padding-top:35px;opacity: 0}
			100%{padding-top:0;opacity: 1}
		}
		@-moz-keyframes sameone
		{
			0%{padding-top:35px;opacity: 0}
			100%{padding-top:0;opacity: 1}
		}

		@-webkit-keyframes sameone
		{
			0%{padding-top:35px;opacity: 0}
			100%{padding-top:0;opacity: 1}
		}
	.sameTop .two{font-size:100px;color: #333333;line-height:95px;font-family: 'bfangzheng';font-weight: 800;margin-bottom: 23px;letter-spacing:1px;position: relative;z-index: 3;height: 95px;box-sizing: border-box;padding-top:95px;overflow: hidden;opacity: 0;animation: sametwo 1.2s linear 0s;animation: sametwo 1.2s linear 0s;-moz-animation: sametwo 1.2s linear 0s;-webkit-animation: sametwo 1.2s linear 0s;-o-animation: sametwo 1.2s linear 0s;animation-fill-mode :forwards;}
		@keyframes sametwo
		{
			0%{padding-top:95px;opacity: 0}
			100%{padding-top:0;opacity: 1}
		}
		@-moz-keyframes sametwo
		{
			0%{padding-top:95px;opacity: 0}
			100%{padding-top:0;opacity: 1}
		}

		@-webkit-keyframes sametwo
		{
			0%{padding-top:95px;opacity: 0}
			100%{padding-top:0;opacity: 1}
		}
	.sameTop .three{font-size:25px;color: #808080;line-height: 35px;margin-bottom:30px;position: relative;z-index: 3;height: 70px;box-sizing: border-box;padding-top:70px;overflow: hidden;opacity: 0;animation: samethree 1s linear 1.2s;animation: samethree 1s linear 1.2s;-moz-animation: samethree 1s linear 1.2s;-webkit-animation: samethree 1s linear 1.2s;-o-animation: samethree 1s linear 1.2s;animation-fill-mode :forwards;}
		@keyframes samethree
		{
			0%{padding-top:70px;opacity: 0}
			100%{padding-top:0;opacity: 1}
		}
		@-moz-keyframes samethree
		{
			0%{padding-top:70px;opacity: 0}
			100%{padding-top:0;opacity: 1}
		}

		@-webkit-keyframes samethree
		{
			0%{padding-top:70px;opacity: 0}
			100%{padding-top:0;opacity: 1}
		}
/* 关于赛普相同导航 */
.aboutMune{position: absolute;bottom: -10%;left:9.4%;border:1px solid #ece9ea;border-right: none;animation: aboutmune 0.5s linear 2.2s;animation: aboutmune 0.5s linear 2.2s;-moz-animation: aboutmune 0.5s linear 2.2s;-webkit-animation: aboutmune 0.5s linear 2.2s;-o-animation: aboutmune 0.5s linear 2.2s;animation-fill-mode :forwards;opacity: 0}
	@keyframes aboutmune
	{
		0%{bottom: -10%;opacity: 0}
		100%{bottom: 5%;opacity: 1}
	}
	@-moz-keyframes aboutmune
	{
		0%{bottom: -10%;opacity: 0}
		100%{bottom: 5%;opacity: 1}
	}

	@-webkit-keyframes aboutmune
	{
		0%{bottom: -10%;opacity: 0}
		100%{bottom: 5%;opacity: 1}
	}
	.aboutMune li{font-size: 16px;color: #f3f3f3;border-right:1px solid #ece9ea;background: #ffa92f}
	.aboutMune li a{display: block;color: #f3f3f3;padding:7px 0px 7px 5px;background: #ffa92f;width:43px;box-sizing: border-box;text-align: left;position: relative;z-index: 6;transition: all 0.5s}
	.aboutMune li span{display: block;position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: url('../img/caidi.jpg') center center no-repeat;background-size: 100% 100%;z-index:-1;opacity: 0;transition: all 0.5s}
	.aboutMune li .ahover{display: block;color: #f3f3f3;padding:7px 5px 7px 5px;width:78px;box-sizing: border-box;text-align: center;}
	.aboutMune li .ahover span{opacity: 1;}
/* 关于赛普业务相同 */
.samePic{position: absolute;bottom:1.5%;right:2.2%;width:53%;overflow: hidden;}
	.samePic img{display: inline-block;padding-left: 100%;width: 100%;opacity: 0;animation: samepic 1.5s linear 1.4s;animation: samepic 1.5s linear 1.4s;-moz-animation: samepic 1.5s linear 1.4s;-webkit-animation: samepic 1.5s linear 1.4s;-o-animation: samepic 1.5s linear 1.4s;animation-fill-mode :forwards;}
		@keyframes samepic
		{
			0%{padding-left:100%;opacity: 0}
			100%{padding-left:0;opacity: 1}
		}
		@-moz-keyframes samepic
		{
			0%{padding-left:100%;opacity: 0}
			100%{padding-left:0;opacity: 1}
		}

		@-webkit-keyframes samepic
		{
			0%{padding-left:100%;opacity: 0}
			100%{padding-left:0;opacity: 1}
		}
/* 企业文化 */
.culture{background: url('../img/culturedi.jpg') right 8% no-repeat;background-size: 70% auto;}
	.cultureDown{position: absolute;top: 100% ;left: 9.4%;width:33%;animation: culturedown 1.2s linear 1.5s;animation: culturedown 1.2s linear 1.5s;-moz-animation: culturedown 1.2s linear 1.5s;-webkit-animation: culturedown 1.2s linear 1.5s;-o-animation: culturedown 1.2s linear 1.5s;animation-fill-mode :forwards;}
		@keyframes culturedown
		{
			0%{top: 100%;opacity: 0}
			100%{top:49%;opacity: 1}
		}
		@-moz-keyframes culturedown
		{
			0%{top: 100%;opacity: 0}
			100%{top:49%;opacity: 1}
		}

		@-webkit-keyframes culturedown
		{
			0%{top: 100%;opacity: 0}
			100%{top:49%;opacity: 1}
		}
	.cultureDown li{width: 100%;}
	.cultureDown .up_bt{border-bottom:1px solid #dcdcdc;width: 100%;margin-bottom: 30px;cursor: pointer}
	.cultureDown .up_bt_left{line-height:70px;color: #595959;font-size: 20px;}
	.cultureDown .up_bt_left span{color: #f54d40;font-size: 14px;font-weight:800;display: inline-block;padding-right: 25px;}
	.cultureDown .up_bt_right{height:70px;position: relative;width: auto;padding:30px;font-size: 0;vertical-align: middle;box-sizing: border-box;transition: all 0.5s}
	.cultureDown .up_bt_right img{display: inline-block;vertical-align: middle;height:10px;}
	.cultureDown .up_bt_right .two{position: absolute;top: 30px;left: 30px;opacity: 0;transition: all 0.5s}
	.cultureDown .down_text{font-size: 16px;line-height: 25px;color: #6b6b6b;width: 100%;padding:0 30px 0px;overflow: hidden;box-sizing: border-box;transition: all 0.8s;opacity:0;}
/* 赛普业务 */
.businegg{background: url('../img/busineggdi.jpg') right 8% no-repeat;background-size: 70% auto;}
	.busineggDown{width: 100%;position:absolute;bottom:1%;left: 100%;animation: busineggdown 1.2s linear 1.5s;animation: busineggdown 1.2s linear 1.5s;-moz-animation: busineggdown 1.2s linear 1.5s;-webkit-animation: busineggdown 1.2s linear 1.5s;-o-animation: busineggdown 1.2s linear 1.5s;animation-fill-mode :forwards;opacity: 0}
		@keyframes busineggdown
		{
			0%{left: 100%;opacity: 0}
			100%{left: 8%;opacity: 1}
		}
		@-moz-keyframes busineggdown
		{
			0%{left: 100%;opacity: 0}
			100%{left: 8%;opacity: 1}
		}

		@-webkit-keyframes busineggdown
		{
			0%{left: 100%;opacity: 0}
			100%{left: 8%;opacity: 1}
		}
		.busineggDownBox{position: relative;width: 100%;}
		.busineggDownBox ul{width:100000000%;overflow: hidden;padding:1% 0 2% 1.4%}
		.busineggDownBox ul li{width:35vh;margin-right:3vh;margin-left: 0;animation-timing-function:linear;height: 50vh;cursor: pointer;transition: all 0.3s;}
		.busineggDownBox ul a{display: block;width: 100%;height: 100%;position: relative;overflow: hidden}
		.busineggDownBox ul .picDi{width:100%;height: 100%;opacity: 0.1}
		.busineggDownBox ul .picDi img{width:35vh;height: 50vh;display: block}
		.busineggDownBox ul .textBox{position: absolute;top: 0;left: 0;width:35vh;height: 50vh;overflow: hidden;box-sizing: border-box;padding:30% 8% 20%}
			.busineggDownBox ul .keyword{width: 100%;font-size: 0;margin-bottom: 10px;}
			.busineggDownBox ul .keyword span{color: #f2f2f2;font-size: 12px;padding: 3px 15px;border-radius: 10px;margin-right: 5px}
			.busineggDownBox ul .one{color: #f2f2f2;font-size: 32px;font-weight: 600;}
			.busineggDownBox ul .two{color: #f2f2f2;font-size: 20px;text-transform: capitalize;}
			.busineggDownBox ul .brief{color: #f2f2f2;font-size: 12px;line-height: 20px;text-transform: none;margin-top: 10px}
	.businegg .roll{top:12%}
/* 各个业务的头部（与关于赛普结构类似） */
.threed{background: url('../img/threeddi.jpg') right 8% no-repeat;background-size: 70% auto;}
	.integrated{background: url('../img/integrateddi.jpg') right 8% no-repeat;background-size: 70% auto;}
		.integrated .sameTop .two{height: 108px;font-size: 95px;line-height: 108px}
	.mobile{background: url('../img/mobiledi.jpg') right 8% no-repeat;background-size: 70% auto;}
	.system{background: url('../img/systemdi.jpg') right 8% no-repeat;background-size: 70% auto;}
		.system .sameTop .two{height: 108px;font-size: 95px;line-height: 108px}
	.search{background: url('../img/searchdi.jpg') right 8% no-repeat;background-size: 70% auto;}
	.website{background: url('../img/websitedi.jpg') right 8% no-repeat;background-size: 70% auto;}
/* 关于赛普 */
.about{background: url('../img/aboutdi.jpg') right 8% no-repeat;background-size: 70% auto;}
	.aboutDown{position: absolute;top: 100% ;left: 9.4%;width:33%;animation: aboutdown 1.2s linear 1.5s;animation: aboutdown 1.2s linear 1.5s;-moz-animation: aboutdown 1.2s linear 1.5s;-webkit-animation: aboutdown 1.2s linear 1.5s;-o-animation: aboutdown 1.2s linear 1.5s;animation-fill-mode :forwards;max-height:35%;overflow: hidden;overflow-y: auto}
		@keyframes aboutdown
		{
			0%{top: 100%;opacity: 0}
			100%{top:49%;opacity: 1}
		}
		@-moz-keyframes aboutdown
		{
			0%{top: 100%;opacity: 0}
			100%{top:49%;opacity: 1}
		}

		@-webkit-keyframes aboutdown
		{
			0%{top: 100%;opacity: 0}
			100%{top:49%;opacity: 1}
		}
	.aboutDown .aboutText{font-size: 16px;line-height: 30px;color: #4c4c4c;margin-bottom: 20px;}
	.aboutDown ul{font-size: 16px;line-height: 32px;color: #595959;margin-bottom: 20px;}
	.aboutDown ul li{position: relative;padding-left:30px;}
	.aboutDown ul li p{font-size: 12px;color: #808080}
	.aboutDown ul span{display: inline-block;position: absolute;height: 3px;width: 3px;border-radius: 50%;background: #f54d40;overflow: hidden;left: 12px;top: 15px}
	/* 业务返回 */
	.businessReturn{position: absolute;bottom: -10%;left:9.4%;display: block;width: 100px;height:36px;text-align: center;line-height:36px;font-size: 16px;color: #f3f3f3;background: url('../img/caidi.jpg') center center no-repeat;background-size: 100% 100%;animation: business 0.5s linear 2.2s;animation: business 0.5s linear 2.2s;-moz-animation: business 0.5s linear 2.2s;-webkit-animation: business 0.5s linear 2.2s;-o-animation: business 0.5s linear 2.2s;animation-fill-mode :forwards;opacity: 0}
		@keyframes business
		{
			0%{bottom: -10%;opacity: 0}
			100%{bottom:10%;opacity: 1}
		}
		@-moz-keyframes business
		{
			0%{bottom: -10%;opacity: 0}
			100%{bottom:10%;opacity: 1}
		}

		@-webkit-keyframes business
		{
			0%{bottom: -10%;opacity: 0}
			100%{bottom:10%;opacity: 1}
		}
		.businessReturn:hover{box-shadow:1px 1px 10px rgb(251, 59, 112)}
/* 联系我们 */
.contact{background: url('../img/contactdi.jpg') right 8% no-repeat;background-size: 70% auto;}
	.contactText{position: absolute;top:60%;width:40%;font-size: 16px;left: 9.4%;animation: contacttext 1.2s linear 1.5s;animation: contacttext 1.2s linear 1.5s;-moz-animation: contacttext 1.2s linear 1.5s;-webkit-animation: contacttext 1.2s linear 1.5s;-o-animation: contacttext 1.2s linear 1.5s;animation-fill-mode :forwards;opacity: 0}
		.contactText>table{width: 100%;}
		.contactText table{vertical-align: top;margin-bottom: 30px;}
		.contactText>table .pic{width: 50px;padding:0 15px 0 0;}
		.contactText>table .texts{padding: 10px 0 0 0;font-size: 16px;line-height: 30px;color: #404040}
		.contactText>table .bt{white-space: nowrap;}
		.contactText>table .pl{padding-right: 30px}
		.contactText>table .col{color: #737373}
			@keyframes contacttext
			{
				0%{top: 60%;opacity: 0}
				100%{top:31%;opacity: 1}
			}
			@-moz-keyframes contacttext
			{
				0%{top: 60%;opacity: 0}
				100%{top:31%;opacity: 1}
			}

			@-webkit-keyframes contacttext
			{
				0%{top: 60%;opacity: 0}
				100%{top:31%;opacity: 1}
			}
	.messageBox{position: absolute;top:50%;width:50%;right:-30%;z-index: 999;height: 554px;margin-top: -277px;animation: message 1.2s linear 1s;animation: message 1.2s linear 1s;-moz-animation: message 1.2s linear 1s;-webkit-animation: message 1.2s linear 1s;-o-animation: message 1.2s linear 1s;animation-fill-mode :forwards;opacity: 0}
			@keyframes message
			{
				0%{right:-30%;opacity: 0}
				100%{right:4%;opacity: 1}
			}
			@-moz-keyframes message
			{
				0%{right:-30%;opacity: 0}
				100%{right:4%;opacity: 1}
			}

			@-webkit-keyframes message
			{
				0%{right:-30%;opacity: 0}
				100%{right:4%;opacity: 1}
			}
		.message{width:450px;background: #fff;box-sizing:border-box;padding: 0px 60px 50px;box-shadow: 1px 1px 30px rgba(6, 24, 51, 0.2);} 
		.message .messageTitle{line-height: 100px;color: #595959;font-size: 26px;padding-top: 20px;text-align: center;} 
		.message form{width: 100%;} 
		.message form p{width: 100%;background: #eaeaea;box-shadow: 1px 1px 3px rgba(38, 38, 38 ,0.1);box-sizing: border-box;padding:10px 20px;border-radius: 3px;margin-bottom: 25px;font-size: 0;height: 50px;} 
		.message form span{display: block;float: left;color: #808080;font-size: 12px;line-height:19px;height: 30px} 
		.message form sup{color: #ff8585;} 
		.message form input[type="text"]{display: block;width:75%;float:left;border:none;height: 30px;line-height: 30px;box-sizing: border-box;padding-left: 10px;font-size: 12px;color: #808080;background: none} 
		.message form textarea{display: block;width:100%;border:none;background: #eaeaea;box-shadow: 1px 1px 3px rgba(38, 38, 38 ,0.1);box-sizing: border-box;padding:10px;border-radius: 3px;margin-bottom: 25px;resize: none;height: 100px;line-height: 20px;color: #808080;}
		.message form input[type="submit"]{display: block;width:95px;height: 34px;margin:0 auto;background: url('../img/caidi.jpg') center center no-repeat;background-size: 100% 100%;border-radius:10px;border: none;color: #f1f1f1;font-size: 12px;transition: all 0.5s} 
		.message form input[type="submit"]:hover{box-shadow: 3px 4px 3px rgba(253, 57, 121, 0.5);} 
				@media screen and (max-width: 1400px){
					.message{float: right;}
				}
				@media (min-width: 1400px) and (max-width: 1600px){
					.message{margin-left:30%} 
				}
				@media (min-width: 1600px){
					.message{margin:0 auto;} 
				}
	.contactBottom{position: absolute;bottom: 0;width: 120%;left: -10%;height: 40%;z-index: 99}
	/* 遮罩 */
	.shade{width:100%;height: 100vh;background:rgba(0,0,0,0.5);position: fixed;top: 0;left: 0;z-index: 9999999;display: none}
		.prompt{position: fixed;top:40%;z-index: 9999999;left: 0;width: 100%;text-align: center;display: none}
			.promptBox{display: inline-block;background: #fff;border: 1px solid #999;padding: 20px 50px;min-width: 200px;text-align: center;max-width: 500px;}
			.promptBox img{display: inline-block;width: 81px;height: 81px;}
			.promptBox p{font-size: 20px;color: #333;line-height:80px;font-weight: 600;}
			.promptBox span{display: inline-block;padding: 5px 10px;border: 1px solid #cccccc;color: #808080;}
			.promptBox span:hover{border: 1px solid #fcb302;color:#fcb302;cursor:pointer}
/* 新闻动态 */
.new{background: url('../img/newdi.jpg') right 8% no-repeat;background-size: 70% auto;}
	.newDown{width: 100%;position:absolute;top:45%;left: 100%;animation: newdown 1.2s linear 1.5s;animation: newdown 1.2s linear 1.5s;-moz-animation: newdown 1.2s linear 1.5s;-webkit-animation: newdown 1.2s linear 1.5s;-o-animation: newdown 1.2s linear 1.5s;animation-fill-mode :forwards;opacity: 0}
		@keyframes newdown
		{
			0%{left: 100%;opacity: 0}
			100%{left: 9.4%;opacity: 1}
		}
		@-moz-keyframes newdown
		{
			0%{left: 100%;opacity: 0}
			100%{left: 9.4%;opacity: 1}
		}

		@-webkit-keyframes newdown
		{
			0%{left: 100%;opacity: 0}
			100%{left: 9.4%;opacity: 1}
		}
	.newDownBox{position: relative;width: 100%;}
	.newDownBox ul{width:100000000%;overflow: hidden}
	.newDownBox ul li{width: 66vh;height: 28vh;margin-right:8vh;margin-left: 0;overflow: hidden;animation-timing-function:linear;}
	.newDownBox ul a{position: relative;display: block;width: 100%;overflow: hidden;}
	.newDownBox ul .pic{display: block;width: 100%;}
	.newDownBox ul .pic img{display: block;width: 100%;}
	.newDownBox ul .text{display: block;width:38%;position: absolute;top: 0;left:-38%;z-index: 999;box-sizing: border-box;padding:5%;height: 100%;background: url('../img/more.png') 15% 85% no-repeat;transition: all 1s;opacity: 0}
	.newDownBox ul a:hover .text{left:0;opacity: 1}
	.newDownBox ul .text .title{font-size: 20px;color: #f2f2f2;font-weight: 600;}
	.newDownBox ul .text .time{font-size:12px;color: #f2f2f2;line-height:25px}
	.newDownBox ul .text .brief{font-size:12px;color: #f2f2f2;line-height:16px;margin-top:5px;max-height:32px;overflow: hidden}
	.newDownBox ul .bg{position: absolute;top: 0%;left: 0;width: 100%;height: 100%;background: transparent;  background: -webkit-linear-gradient(left, #fc4e3a 30% , transparent 75%);background: -o-linear-gradient(right, #fc4e3a 30% , transparent 75%); background: -moz-linear-gradient(right, #fc4e3a 30% , transparent 75%);background: linear-gradient(to right, #fc4e3a 30% , transparent 75%);opacity: 0;transition: all 0.5s}
	.newDownBox ul a:hover .bg{opacity: 1;}
	/* 新闻动态详情 */
	.newConDown{width: 100%;box-sizing: border-box}
	.newConLeft{width:38%;height: 100%;position: relative;animation: caseconleft 1.2s linear 1.5s;animation: caseconleft 1.2s linear 1.5s;-moz-animation: caseconleft 1.2s linear 1.5s;-webkit-animation: caseconleft 1.2s linear 1.5s;-o-animation: caseconleft 1.2s linear 1.5s;animation-fill-mode :forwards;opacity: 0;margin-top: 50%}
		.newConLeftBox{width:100%;top: 50%;}
		.newConLeftBox .title{color: #4c4c4c;font-size:30px;font-weight:800;font-family: "微软雅黑";line-height: 40px}
		.newConLeftBox .time{color: #595959;font-size: 14px;margin-bottom: 15px;line-height: 20px;height: 20px;margin-top: 5px}
		.newConLeftBox .textBox{font-size: 14px;color: #4c4c4c;line-height: 30px;overflow-y:auto;}
		.newConLeftBox .textBox p{margin-bottom: 10px}
		.newConLeftBox .textBox p:last-child{margin-bottom:0px}
	.newConRight{width:57%;height: 100%;overflow: hidden;position: relative;animation: caseconright 1.5s linear 1.4s;animation: caseconright 1.5s linear 1.4s;-moz-animation: caseconright 1.5s linear 1.4s;-webkit-animation: caseconright 1.5s linear 1.4s;-o-animation: caseconright 1.5s linear 1.4s;animation-fill-mode :forwards;opacity: 0;left: 100%}
		.newConRight p{height: 100%;display: flex;font-size: 0;flex-direction: column;overflow: hidden;justify-content: center;margin-left: 0}
		.newConRight p img{vertical-align: middle;width: 100%}
	.newReturn{position: fixed;bottom: -10%;left:9.4%;display: block;width: 100px;height:36px;text-align: center;line-height:36px;font-size: 16px;color: #f3f3f3;background: url('../img/caidi.jpg') center center no-repeat;background-size: 100% 100%;animation: case 0.5s linear 2.2s;animation: case 0.5s linear 2.2s;-moz-animation: case 0.5s linear 2.2s;-webkit-animation: case 0.5s linear 2.2s;-o-animation: case 0.5s linear 2.2s;animation-fill-mode :forwards;opacity: 0}
		.newReturn:hover{box-shadow:1px 1px 10px rgb(251, 59, 112)}
/* 左右按钮 */
.roll{position: absolute;right:15%;top:0%;width: 130px;height: 50px;margin-top: -25px;z-index: 9999}
	.contentLeft{width: 50px;height: 50px;cursor: pointer}
	.contentRight{width: 50px;height: 50px;cursor: pointer}
/* 荣誉资质 */
.honor{background: url('../img/honordi.jpg') right 8% no-repeat;background-size: 70% auto;}
	.honorDown{width: 100%;position:absolute;top:45%;left: 100%;animation: newdown 1.2s linear 1.5s;animation: newdown 1.2s linear 1.5s;-moz-animation: newdown 1.2s linear 1.5s;-webkit-animation: newdown 1.2s linear 1.5s;-o-animation: newdown 1.2s linear 1.5s;animation-fill-mode :forwards;opacity: 0}
	.honorDownBox{position: relative;width: 100%;}
	.honorDownBox ul{width:100000000%;overflow: hidden;padding: 5px 0 5px 5px;}
	.honorDownBox ul li{width:25vh;margin-right:3vh;margin-left: 0;overflow: hidden;animation-timing-function:linear;height: 31vh;background: #fff;box-shadow:0px 0px 4px rgba(154, 154, 154, 0.2);display: block;cursor: pointer}
	.honorDownBox ul .picUp{width:25vh;height:31vh;display:table-cell;text-align:center; vertical-align:middle;background: #fff;transition: all 0.5s;}
	.honorDownBox ul .picUp img{vertical-align: middle;max-width: 100%;max-height: 100%}
	.honorDownBox ul .textDown{padding:5px 15%;box-sizing: border-box;font-size: 14px;color: #fff;background: #fff;transition: all 0.5s;width: 100%;text-align: center;}
	.honorDownBox ul li:hover .textDown{color: #f2f2f2;background: #fc4e3a;}
/* 项目案例	*/
.case{background: url('../img/casedi.jpg') right 8% no-repeat;background-size: 70% auto;padding-bottom: 0;}
	.case .sameTop .two{height: 108px;font-size: 95px;line-height: 108px}
	/* 项目案例列表 */
	.caseDown{width: 100%;position:absolute;top:45%;left: 100%;animation: newdown 1.2s linear 1.5s;animation: newdown 1.2s linear 1.5s;-moz-animation: newdown 1.2s linear 1.5s;-webkit-animation: newdown 1.2s linear 1.5s;-o-animation: newdown 1.2s linear 1.5s;animation-fill-mode :forwards;opacity: 0}
		.caseDownBox{position: relative;width: 100%;}
		.caseDownBox ul{width:100000000%;overflow: hidden;padding: 5px 0 5px 5px;}
		.caseDownBox ul li{width:88vh;margin-right:7vh;margin-left: 0;overflow: hidden;animation-timing-function:linear;height: 50vh;background: #fff;display: block;cursor: pointer}
		.caseDownBox li a{display:block;width: 100%;height:50vh;position: relative;overflow: hidden;}
		.caseDownBox ul .picUp{width: 88vh;height: 50vh;transition: all 0.5s}
		.caseDownBox ul a:hover .picUp{opacity: 0.2}
		.caseDownBox ul .picUp img{vertical-align: middle;width: 88vh;height: 50vh}
		.caseDownBox ul .textCon{position: absolute;height: 100%;width:25vh;top: 0%;left: -20vh;box-sizing: border-box;padding-top: 15%;color: #f2f2f2;opacity: 0;transition: all 0.5s}
		.caseDownBox ul a:hover .textCon{left: 5vh;opacity: 1}
		.caseDownBox ul .textCon .title{font-size: 32px;font-weight: 600;}
		.caseDownBox ul .textCon .etitle{font-size: 20px;font-weight: 400;text-transform: capitalize;margin-bottom: 10px;}
		.caseDownBox ul .textCon .brief{font-size: 12px;font-weight: 400;text-transform: none;line-height: 20px;max-height: 80px}
		.caseDownBox ul .textCon .more{margin-top: 10px;font-size:12px;line-height: 30px;height: 30px;width: 100px;text-align: center;background: url('../img/caidi.jpg') center center no-repeat;background-size: 100% 100%;display: block;overflow: hidden;border-radius: 15px;}
	/* 项目案例详情 */
	.caseConDown{width: 100%;padding-top:2%;box-sizing: border-box}
	.caseConLeft{width:45%;height: 100%;position: relative;animation: caseconleft 1.2s linear 1.5s;animation: caseconleft 1.2s linear 1.5s;-moz-animation: caseconleft 1.2s linear 1.5s;-webkit-animation: caseconleft 1.2s linear 1.5s;-o-animation: caseconleft 1.2s linear 1.5s;animation-fill-mode :forwards;opacity: 0;margin-top: 50%}
		@keyframes caseconleft
		{
			0%{opacity: 0;margin-top: 50%}
			100%{margin-top: 0%;opacity: 1}
		}
		@-moz-keyframes caseconleft
		{
			0%{opacity: 0;margin-top: 50%}
			100%{margin-top: 0%;opacity: 1}
		}

		@-webkit-keyframes caseconleft
		{
			0%{opacity: 0;margin-top: 50%}
			100%{margin-top: 0%;opacity: 1}
		}
		.caseConLeftBox{width:100%;top: 40%;}
		.caseConLeftBox .title{color: #4c4c4c;font-size:33px;font-weight:800;font-family: "微软雅黑";margin-bottom: 20px}
		.caseConLeftBox .textBox{font-size: 16px;color: #4c4c4c;line-height: 30px;margin-bottom: 20px;overflow:auto;}
		.caseConLeftBox .textBox p{margin-bottom: 10px}
		.caseConLeftBox .textBox p:last-child{margin-bottom:0px}
		.caseConLeftBox .designer{width: 100%;min-height: 70px}
		.caseConLeftBox .designer .pic{width: 70px;height: 70px;border-radius: 50%;box-sizing: border-box;border:1px solid #e5e5e5;box-shadow:2px 2px 3px rgba(252, 64, 98, 0.15)}
		.caseConLeftBox .designer .pic img{width: 100%;height: 100%;display: block;overflow: hidden;border-radius: 50%;}
		.caseConLeftBox .designer .introduce{padding-left: 90px;padding-top: 10px;}
		.caseConLeftBox .designer .introduce .one{color:#595959;font-size: 14px;line-height: 30px;}
		.caseConLeftBox .designer .introduce .two{color:#fc4e3a;font-size: 12px;line-height: 20px;}
	.caseConRight{width:50%;height: 100%;overflow: hidden;position: relative;animation: caseconright 1.5s linear 1.4s;animation: caseconright 1.5s linear 1.4s;-moz-animation: caseconright 1.5s linear 1.4s;-webkit-animation: caseconright 1.5s linear 1.4s;-o-animation: caseconright 1.5s linear 1.4s;animation-fill-mode :forwards;opacity: 0;left: 100%}
		@keyframes caseconright
		{
			0%{left:100%;opacity: 0}
			100%{left:0;opacity: 1}
		}
		@-moz-keyframes caseconright
		{
			0%{left:100%;opacity: 0}
			100%{left:0;opacity: 1}
		}

		@-webkit-keyframes caseconright
		{
			0%{left:100%;opacity: 0}
			100%{left:0;opacity: 1}
		}
		.caseConRight ul{width:10000000000000%;height: 100%}
		.caseConRight ul li{height: 100%;display: flex;font-size: 0;flex-direction: column;overflow: hidden;justify-content: center;margin-left: 0}
		.caseConRight ul img{vertical-align: middle;}
		.caseConRight p{position: absolute;top: 50%;height:60px;margin-top: -30px;width: 0px;overflow: hidden;opacity: 0;transition: all 0.5s;cursor: pointer}
		.caseConRight:hover p{width: 30px;opacity: 1;}
		.caseConRight .directionLeft{left: 20px;background: url('../img/direction.png') left top no-repeat;background-size: 200% 200%}
		.caseConRight .directionRight{right: 20px;background: url('../img/direction.png') right top no-repeat;background-size: 200% 200%}
	.caseReturn{position: fixed;bottom: -10%;left:9.4%;display: block;width: 100px;height:36px;text-align: center;line-height:36px;font-size: 16px;color: #f3f3f3;background: url('../img/caidi.jpg') center center no-repeat;background-size: 100% 100%;animation: case 0.5s linear 2.2s;animation: case 0.5s linear 2.2s;-moz-animation: case 0.5s linear 2.2s;-webkit-animation: case 0.5s linear 2.2s;-o-animation: case 0.5s linear 2.2s;animation-fill-mode :forwards;opacity: 0}
		@keyframes case
		{
			0%{bottom: -10%;opacity: 0}
			100%{bottom:5%;opacity: 1}
		}
		@-moz-keyframes case
		{
			0%{bottom: -10%;opacity: 0}
			100%{bottom:5%;opacity: 1}
		}

		@-webkit-keyframes case
		{
			0%{bottom: -10%;opacity: 0}
			100%{bottom:5%;opacity: 1}
		}
		.caseReturn:hover{box-shadow:1px 1px 10px rgb(251, 59, 112)}
/* 人才招聘 */
.recruit{background: url('../img/recruitdi.jpg') right 8% no-repeat;background-size: 70% auto;}
	.recruitDown{width: 100%;position:absolute;bottom:2%;left:9.4%;}
		.recruitDownBox{position: relative;width: 100%;opacity: 0;animation: samepic 1.5s linear 1.4s;animation: samepic 1.5s linear 1.4s;-moz-animation: samepic 1.5s linear 1.4s;-webkit-animation: samepic 1.5s linear 1.4s;-o-animation: samepic 1.5s linear 1.4s;animation-fill-mode :forwards;}
		.recruitDownBox ul{width:100000000%;overflow: hidden;padding: 2px}
		.recruitDownBox ul li{width:40vh;margin-right:5vh;margin-left: 0;animation-timing-function:linear;height: 50vh;cursor: pointer;transition: all 0.3s;box-shadow:1px 1px 3px rgba(140, 46, 46, 0.2)}
		.recruitDownBox ul a{display: block;width: 100%;height: 100%;position: relative;overflow: hidden;background: #fff;transition: all 0.5s linear}
		.recruitDownBox ul .picDi{width:30vh;height: 30vh;opacity:0;margin-left: 5vh;margin-top: 10vh;transition: all 0.8s linear;border-radius: 50%;overflow: hidden;background: #ff3737}
		.recruitDownBox ul .picDi img{width:100%;height: 100%;display: block;opacity: 0.2}
		.recruitDownBox ul .textBox{position: absolute;top: 50%;left: 0;width:40vh;overflow: hidden;box-sizing: border-box;padding:0 8%;height: 296px;margin-top: -148px}
			.recruitDownBox ul .one{color: #808080;font-size:28px;line-height: 70px;height: 76px;width: 76px;text-align: center;margin:0 auto;box-sizing: border-box;border: 3px solid #999999;font-weight: bolder;border-radius: 50%;text-transform: none;transition: all 0.5s linear}
			.recruitDownBox ul .two{color: #4c4c4c;font-size: 16px;text-align: center;margin-top: 20px;margin-bottom: 30px;line-height: 20px;font-weight: bold;transition: all 0.5s linear}
			.recruitDownBox ul .titleBox{color: #595959;font-size: 12px;line-height: 30px;width: 100%;height: 30px;overflow: hidden;font-weight: 600;transition: all 0.5s linear}			
			.recruitDownBox ul .titleBox p{width: 45%;}
			.recruitDownBox ul .titleBox .titleone{text-align: right;}
			.recruitDownBox ul .titleBox .titletwo{text-align: left;}
			.recruitDownBox ul a:hover .picDi{width:70vh;height: 70vh;opacity:1;margin-left:-15vh;margin-top: -10vh;}
			.recruitDownBox ul a:hover .one{color: #fff;border-color: #fff}
			.recruitDownBox ul a:hover .two{color: #fff;}
			.recruitDownBox ul a:hover .titleBox{color: #fff;}
	/* 人才招聘详情 */
	.recruitConDown{width: 100%;position: relative;box-sizing: border-box;margin-left: 50%;opacity: 0;animation: recruitcon 1.2s linear 1.5s;animation: recruitcon 1.2s linear 1.5s;-moz-animation: recruitcon 1.2s linear 1.5s;-webkit-animation: recruitcon 1.2s linear 1.5s;-o-animation: recruitcon 1.2s linear 1.5s;animation-fill-mode :forwards;}
		@keyframes recruitcon
		{
			0%{opacity: 0;margin-left:50%}
			100%{margin-left: 0%;opacity: 1}
		}
		@-moz-keyframes recruitcon
		{
			0%{opacity: 0;margin-left:50%}
			100%{margin-left: 0%;opacity: 1}
		}

		@-webkit-keyframes recruitcon
		{
			0%{opacity: 0;margin-left:50%}
			100%{margin-left: 0%;opacity: 1}
		}
		.recruitConDown>div{width: 45%;color: #595959;font-size: 16px;line-height: 30px;}
		.recruitConDown .textTitle{margin-bottom:8px;}
		.recruitConDown .textBox{width: 100%;overflow-y: auto}
		.recruitConDown .textBox p{margin-bottom:5px;}
		.recruitConDown .textBox p:last-child{margin-bottom:0px;}
	/* 人才招聘底部 */
	.recruitConReturn{width: 86.6%;position: absolute;bottom: 4%;left: 9.4%;margin-left: 50%;opacity: 0;animation: recruitcon 1.2s linear 1.5s;animation: recruitcon 1.2s linear 1.5s;-moz-animation: recruitcon 1.2s linear 1.5s;-webkit-animation: recruitcon 1.2s linear 1.5s;-o-animation: recruitcon 1.2s linear 1.5s;animation-fill-mode :forwards;}
		.recruitnReturn{float: left;display: block;width: 100px;height:36px;text-align: center;line-height:36px;font-size: 16px;color: #f3f3f3;background: url('../img/caidi.jpg') center center no-repeat;background-size: 100% 100%;}
		.recruitnReturn:hover{box-shadow:1px 1px 10px rgb(251, 59, 112)}
		.recruitConReturn p{float: right;width: 45%;color: #595959;font-size: 16px;line-height: 36px;}
		.recruitConReturn p a{text-transform: none;}
		.recruitConReturn p a:hover{color: rgb(251, 59, 112);text-decoration: underline;}
